<!--  -->
<script setup>
import useUserStore from '@/store/user'

const a = ref('点击跳转')
const router = useRouter()
const to = () => {
  router.push('/pages/template/index')
}

const userStore = useUserStore()
const pinia = () => {
  userStore.setToken('123')
}
</script>

<route type="home" lang="yaml">
style:
  # navigationBarTitleText: "uni-helper"
</route>

<template>
  <div class="box">
    <wd-button type="info" :loading="true">
      信息按钮
    </wd-button>
    <div
      class="text-20px"
    >
      <div class="i-mdi:account-cowboy-hat" />
      Hi Vue3
    </div>
    <div class="red" @click="to">
      {{ a }}
    </div>
    <AppAlert>
      这个组件会自动导入
    </AppAlert>
    <div @click="pinia">
      pinia{{ userStore.token }}
    </div>
  </div>
</template>

<style scoped lang="scss">
.box {
  .red{
    --uno: color-amber;
  }
}
</style>
